<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	/* 属性选择器都是区分大小写的 */
		li[mo] {
			background-color: red;
		}

		li[mo=aa] {
			background-color: green;
		}

		li[mo^=b] {
			background-color: pink;
		}

		li[mo$=b2] {
			background-color: blue;
		}

		li[mo~=new] { 	 /*属性值组合中有new属性值的*/
			background-color: yellow;
		}
		
		li[mo*=x] { 	 /*属性值中有x关键字的*/
			background-color: cyan;
		}

		li[mo|=B] { 	 /*属性值是以"B-"开始或只有B的*/
			background-color: orange;
		}
	</style>
</head>
<body>
	<ul>
		<li mo="a">11111</li>
		<li mo="AA">2222</li>
		<li mo="aa">2222</li>
		<li mo="b">3333</li>
		<li mo="bb">4444</li>
		<li mo="ab2">5555</li>
		<li mo="a new b">7777</li>
		<li mo="mx1m">8888</li>
		<li mo="m2xm">9999</li>
		<li mo="A-B-C">0000</li>
		<li mo="B-C">0000</li>
		<li mo="A-B">0000</li>
		<li mo="B">0000</li>
	</ul>
</body>
</html>